<!--
        jQuery Mobile Boilerplate
        index.html
-->
<!doctype html>
<html>
    <head>
        <title>Feizan Demo</title>

        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png"/>

        <!-- jQuery Mobile CSS bits -->

        <!-- jQuery Mobile 1.0.1 or 1.1.0-->
        <!--        <link rel="stylesheet"  href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />-->
        <!--        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />-->
        <!--        <link rel="stylesheet" href="css/jquery.mobile-1.1.0-rc.1.min.css"/>-->
        <link rel="stylesheet" href="css/jquery.mobile-1.0.1.css"/>

        <!-- if you have a custom theme, add it here -->
        <!--        <link rel="stylesheet"  href="themes/jQuery-Mobile-Boilerplate.css" />-->

        <!-- Custom css -->
        <link rel="stylesheet" href="css/custom.css" />

        <!-- Javascript includes -->

        <!-- jQuery 1.6.4 or 1.7.1-->
        <!--        <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>-->
        <!--        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>-->
        <!--        <script src="js/jquery-1.7.1.js"></script>-->
        <script src="js/jquery-1.6.4.js"></script>

        <script src="js/mobileinit.js"></script>
        <script src="js/ios-orientationchange-fix.min.js"></script>

        <!-- jQuery Mobile 1.0.1 or 1.1.0-->
        <!--        <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>-->
        <!--        <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>-->
        <!--        <script src="js/jquery.mobile-1.1.0-rc.1.js"></script>-->
        <script src="js/jquery.mobile-1.0.1.js"></script>
        <script src="js/application.js"></script>

        <!-- Add photoswipe capacity !-->
        <link href="assets/photoswipe/jquery-mobile.css" type="text/css" rel="stylesheet" />
        <link href="assets/photoswipe/photoswipe.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" src="assets/photoswipe/lib/klass.min.js"></script>
        <script type="text/javascript" src="assets/photoswipe/code.photoswipe.jquery-3.0.4.min.js"></script>

        <script type="text/javascript">
		
            /*
             * IMPORTANT!!!
             * REMEMBER TO ADD  rel="external"  to your anchor tags. 
             * If you don't this will mess with how jQuery Mobile works
             */
		
            (function(window, $, PhotoSwipe){
			
                $(document).ready(function(){
				
                    $('div.gallery-page')
                    .live('pageshow', function(e){
						
                        var 
                        currentPage = $(e.target),
                        options = {},
                        photoSwipeInstance = $("ul.gallery a", e.target).photoSwipe(options,  currentPage.attr('id'));
							
                        return true;
						
                    })
					
                    .live('pagehide', function(e){
						
                        var 
                        currentPage = $(e.target),
                        photoSwipeInstance = PhotoSwipe.getInstance(currentPage.attr('id'));

                        if (typeof photoSwipeInstance != "undefined" && photoSwipeInstance != null) {
                            PhotoSwipe.detatch(photoSwipeInstance);
                        }
						
                        return true;
						
                    });
				
                });
		
            }(window, window.jQuery, window.Code.PhotoSwipe));
		
        </script>
    </head> 
    <body> 
        <div data-role="page" id="Home">

            <div data-role="header">
                <h1>Feizan Demo</h1>
            </div>

            <div data-role="content">

                <ul data-role="listview" class="fz-ui-ul-has-thumb">
                    <li><a href="sample-gallery.html">
                            <img src="images/09_avatar_small.jpg" />
                            <p><strong>凌绝顶</strong> 更新了相册 <strong>我在飞赞</strong></p>
                            <img src="images/9_1331440773DrOq.jpg.thumb.jpg" >
                            <img src="images/9_1331268365kGWG.jpg.thumb.jpg" >
                            <!--                                <img src="images/9_1331266878Cqoo.jpg.thumb.jpg" >-->
                            <img src="images/9_1331264248l8jF.jpg.thumb.jpg" >
                            <p>03-11 12:39</p>
                        </a></li>
                    <li><a href="sample-post.html">
                            <img src="images/68_avatar_small.jpg" />
                            <p><strong>Damien</strong> 发表了新日志 <strong>人生</strong></p>
                            <img src="images/2768_1331494286X5Ve.jpg.thumb.jpg" >
                            <p>经常有网友在提问时，担心接近30了还未“成功”，就觉得未来无希望。这位老先生，是美国一个渔村的渔民，直至90岁都目不识丁，90岁时花了两年时间识字，98出版</p>
                            <p>03-12 03:31</p>
                        </a></li>
                    <li><a href="sample-log.html">
                            <img src="images/29_avatar_small.jpg" />
                            <p><strong>existan</strong>:</p>
                            <p>两手抓 两手都要硬 //其实...我说的是项目</p>
                            <p>03-12 22:30</p>
                        </a></li>

                </ul>


            </div>

            <div data-role="footer" data-theme="c">
                <p>&copy; 2012 Feizan.com</p>
            </div>	

        </div>
    </body>
</html>